<!DOCTYPE html>
<html lang="en">
<head>
<title>PMU</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all">
<link rel="stylesheet" href="css/home.css" type="text/css" media="all">
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
 $(function(){
 	 $('#books,#pets,#mobiles,#electronics,#jobs , #lifeStyles , #eduLearning , #events , #cloths , #songs , #bicycle , #movie').mouseover(function(){
			$(this).css({"border" :"2px solid #09f",});
		}).mouseout(function(){
			$(this).css({"border" :"2px solid white"});
		});
 })
</script>
<style type="text/css">
</style>
</head>
<body>
<div id="wrapper" class="boxed">
 <div class="navbar navbar-inverse">
    <div class="navbar-inner">
	  <div class="container">
	        <a href="/"><img width="109" height="30" src="img/log.png" class="logo" alt="Logo_biznote_109_30"></a>
		    <ul class="nav pull-right">
              <li class="active"><a href="index.html"><i class="icon-home icon-white"></i>Home</a></li>
              <li class=""><a href="about.html">About</a></li>
              <li class=""><a href="contact.html">Contact</a></li>
			  <li class=""><a href="BuyPage.html">Categories</a></li>
			  <li class=""><a href="SignUp.html"><i class="icon-user icon-white"></i>Sign Up</a></li>
			  <li class=""><a href="Login.html">LogIn <i class="icon-plus-sign icon-white"></i></a></li>
            </ul>
	  </div>
	</div>
 </div>
 <div class="container">
  <!-- Content Area For Each Page -->
	   <!-- Landing Page Content Start --> 
	   <div class="pmu-content-landing margin-top60">
		<div class="templateshowcase categoryContainer">
		   <h2 class="rTempShowCase"><i class="pmu-icon-resume"></i>To Buy or Find anything select an option below:</h2>
		   <div class="row">
             <div class="span2" id="books">
			    <a href=""><img alt="" src="img/iron.png"><span>Irons</span></a>
			 </div>
			 <div class="span2"  id="mobiles">
			    <a href=""><img alt="" src="img/fan.png"><span>Fans</span></a>
			 </div>
			 <div class="span2" id="electronics">
			    <a href="product_list.html"><img alt="" src="img/cam.png"><span>Cameras</span></a>
			 </div>
			 <div class="span2" id="jobs">
			    <a href=""><img alt="" src="img/dryer.png"><span>Dryers</span></a>
			 </div>
			 <div class="span2" id="lifeStyles">
			    <a href=""><img alt="" src="img/kettle.png"><span>Kettles</span></a>
			 </div>
			 <div class="span2" id="eduLearning">
			    <a href=""><img alt="" src="img/torch.png"><span>Torch Lights</span></a>
			 </div>
		   </div>
		   <div class="paddingtop-25px"></div>
		   <div class="row">
             <div class="span2" id="pets">
			    <a href=""><img alt="" src="img/juicer.png"><span>Juicers and Blenders</span></a>
			 </div>
			 </div>

		</div>
		<div class="media-unit paddingtop-25px"></div>
	   </div>
	   <!-- <Landing Page Content End -->
 </div>
 <div class="footer">
		<div class="sub-footer-aboutpmu">
		    <div class="container">
			    <div class="span8 margin-0 pull-left">
                    <div class="sitename">
                        <h4>Bits Bazaar</h4>
                    </div>
                    <p>Bits Bazaar is an online free marketplace for Bits Pilani. You can sell or buy Bicycles, Furniture, Electronics & more.. </p>
                </div>
                <div class="socialMediaArea span3 pull-right">
                    <div class="span3"><h6>  Connect With Bits Bazaar </h6></div>
                    <ul class="social-network">
                        <li><a href=""><img class="img-polaroid" src="img/fb.png" /></a></li>
                        <li>
                            <a href=""> <img class="img-polaroid" src="img/g+.png" /></a></li>
                        <li>
                            <a href=""> <img class="img-polaroid" src="img/tw.png" /></a></li>
                        <li>
                           <a href=""> <img class="img-polaroid" src="img/ln.png" /></a></li>
                    </ul>
                </div>
			</div>
		</div>
		<div class="sub-footer">
		  <div class="container">
                <ul class="pull-left">
                    <li><a href="index.html">Home</a></li>
                    <li>|</li>
                    <li><a href="about.html">About</a></li>
                    <li>|</li>
                    <li><a href="contact.html">Contact</a></li>
                    <li>|</li>
                    <li><a href="BuyPage.html">Categories</a></li>
                </ul>
                <div class="span4  pull-right copyright">
                    BitsBazaar &copy; 2014 all rights reserved.
                </div>
            </div>
		</div>
 </div>
 </div>
</body>